import { ReactNode } from 'react';

export default function FormItemError({ children }: { children: ReactNode }) {
  return (
    <div style={{ display: 'flex', flexWrap: 'nowrap' }}>
      <div
        className='ant-form-item-explain ant-form-item-explain-connected css-dev-only-do-not-override-4lxtrl'
        role='alert'>
        <div className='ant-form-item-explain-error'>
          <div>{children}</div>
        </div>
      </div>
      <div style={{ width: '0px', height: '8px' }}></div>
    </div>
  );
}
